debugger

익숙하지 않은 debugger와 좀 더 친해지기

console.log에서 벗어나기!

도움 받을 레퍼런스

<해외>

The 14 JavaScript debugging tips you probably didn’t know https://raygun.com/javascript-debugging-tips

Learn How To Debug JavaScript with Chrome DevTools https://codeburst.io/learn-how-to-debug-javascript-with-chrome-devtools-9514c58479db

<국내>

[자바스크립트] debugger 활용법 http://kim-solshar.tistory.com/43

자바스크립트 디버거 http://0taeng.tistory.com/21

웹 개발자를 위한 크롬 개발자도구

http://mkil.tistory.com/389

매번 확인하기 귀찮다면 **변수를 Scope에 등록해 놓고 확인해 볼 수도 있습니다. cope 탭에서 변수를 추가하면 변수들의 값이 할당되어지는 것을 실시간으로 확인 가능하며, Scope > Global 변수의 값도 확인 가능합니다. Watch 탭에서 +버튼으로 변수이름을 입력하여 넣으면 디버깅 하는 과정에서 해당 변수가 어떤 값을 갖고 있는지를 계속해서 관찰할 수 있는 것입니다.